<div class="da-list-wrap">
  <div class="da-content-banner">
    <d-breadcrumb>
      <d-breadcrumb-item><a routerLink="/">{{ 'basicdata.breadcrumb.home' | translate }}</a></d-breadcrumb-item>
      <d-breadcrumb-item>销售退货单</d-breadcrumb-item>
    </d-breadcrumb>
  </div>
  <div class="da-content-wrapper">
    <d-splitter orientation="vertical" disabledBarSize="1px" [splitBarSize]="splitBarSize" style="height: 100%"
      [showCollapseButton]="true">
      <d-splitter-pane minSize="50%" [size]="partDetailHeight">
        <div class="da-list-container">
          <div class="da-list-header">
            <div class="d-input">
              <div class="inputIn">
                <input dTextInput style="width: 180px;" [error]="false" placeholder="销售退货单号"
                  [(ngModel)]="fifter.SaleReturnNum">
                <input dTextInput style="width: 180px;" [error]="false" placeholder="物料名称/编码/规格"
                  [(ngModel)]="fifter.SearchTermPart">
                <input dTextInput style="width: 180px;" [error]="false" placeholder="客户名称/编码"
                  [(ngModel)]="fifter.SearchTermCustomer">
                <d-range-datepicker-pro name="制单日期" [placeholder]="['制单日期：起始','制单日期：截止']" [(ngModel)]="date"
                  (ngModelChange)="dateChange()"></d-range-datepicker-pro>
              </div>
              <div class="d-submit">
                <d-button id="primaryBtn" style="margin-left: 8px" (btnClick)="filter()"><i
                    class="icon icon-filter-o me-2"></i>查询</d-button>
                <d-button bsStyle="common" (btnClick)="reset()"> <i class="icon icon-refresh me-2"></i>重置</d-button>
              </div>
            </div>
            <div class="btn-group">
              <div class="btn-left">
                <d-button bsstyle="primaryBtn" (click)="creat()"> <i class="icon icon-add me-2"></i>新增</d-button>
                <d-button bsStyle="danger"> <i class="icon icon-code-editor-close me-2"></i>删除</d-button>
                <d-button bsStyle="common" (btnClick)="launchReview()"><span
                  class="me-2">发起审核</span></d-button>
                <d-button bsStyle="common" (btnClick)="printCurrentReturn()"> <i class="icon icon-print me-2"></i>打印</d-button>
                <d-button bsStyle="common" (btnClick)="allLog()">日志</d-button>
              </div>
            </div>
          </div>
          <div class="list-content">
            <d-data-table [dataSource]="tableData" [lazy]="true" [scrollable]="true" [fixHeader]="true"
              [tableWidthConfig]="tableWidthConfig" [tableOverflowType]="'auto'" [scrollable]="true"
              (checkAllChange)="getCheckedRows();getCheckedRowsData()" (rowCheckChange)="getCheckedRows();getCheckedRowsData()" [resizeable]="true">
              <thead dTableHead [checkable]="true">
                <tr dTableRow>
                  <th dHeadCell [fixedLeft]="colOption.fixedLeft" [fixedRight]="colOption.fixedRight" *ngFor="let colOption of dataTableOptions.columns">{{
                    colOption.header }}</th>
                </tr>
              </thead>
              <tbody dTableBody>
                <ng-template let-rowItem="rowItem" let-rowIndex="rowIndex" let-nestedIndex="nestedIndex">
                  <tr dTableRow (click)="showDetail(rowItem,rowIndex)">
                    <td dTableCell [fixedLeft]="'0px'">
                      <d-checkbox [disabled]="false" [showAnimation]="true" [ngModelOptions]="{ standalone: true }"
                        [ngModel]="rowItem.$checked" dTooltip [halfchecked]="rowItem.$halfChecked" [showGlowStyle]="false"
                        (ngModelChange)="onRowCheckChange($event, rowIndex, nestedIndex, rowItem)"></d-checkbox>
                    </td>
                    <td dTableCell [rowItem]="rowItem" [fixedLeft]="'80px'">
                      <span><a [class.disabled]="rowItem.status !== '审核中' " (click)="clickCode(rowItem.saleReturnNum,'销售退货单审核')" class="devui-link ms-3">审核</a></span>
                      <span (click)="edit(rowItem.saleReturnId)"><a class="devui-link ms-3" [class.disabled]=" rowItem.status !=='未开始审核'">编辑</a></span>
                      <span (click)="SaleReturns(rowItem.saleReturnId)"><a class="devui-link ms-3" [class.disabled]="rowItem.isReturn || rowItem.status !=='审核通过'">退货</a></span>
                      <span class="ms-3"><a class="devui-link-danger"  (click)="delete(rowItem.saleReturnId)">删除</a></span>
                    </td>
                    <td dTableCell [rowItem]="rowItem" [field]="'showType'" [fixedLeft]="'310px'">
                      <span dTooltip [content]="rowItem.saleReturnNum">{{ rowItem.saleReturnNum }}</span>
                    </td>
                    <td dTableCell [rowItem]="rowItem" [field]="'showType'">
                      <span dTooltip [content]="rowItem?.orderDate | date:'yyyy-MM-dd'">{{ rowItem?.orderDate | date:'yyyy-MM-dd' }}</span>
                    </td>
                    <td dTableCell [rowItem]="rowItem" [field]="'showType'">
                      <span dTooltip [content]="rowItem?.createUser">{{ rowItem?.createUser }}</span>
                    </td>
                    <td dTableCell [rowItem]="rowItem" [field]="'showType'">
                      <span dTooltip [content]="rowItem.customerAbbreviation">{{ rowItem.customerAbbreviation }}</span>
                    </td>
                    <td dTableCell [rowItem]="rowItem" [field]="'showType'">
                      <span dTooltip [content]="rowItem.chineseName">{{ rowItem.chineseName }}</span>
                    </td>
                    <td dTableCell [rowItem]="rowItem" [field]="'showType'">
                      <span dTooltip [content]="rowItem.salesmanName">{{ rowItem.salesmanName }}</span>
                    </td>
                    <td dTableCell [rowItem]="rowItem" [field]="'showType'">
                      <span dTooltip [content]="rowItem.departmentName">{{ rowItem.departmentName }}</span>
                    </td>

                    <td dTableCell [rowItem]="rowItem" [field]="'showType'">
                      <span><d-tag [tag]="rowItem?.isReturn | booleanToText :'已退货':'未退货'" [labelStyle]="rowItem?.isReturn"></d-tag></span>
                    </td>
                    <td dTableCell [rowItem]="rowItem" [field]="'showType'">
                      <span dTooltip [content]="rowItem.returnAmount">{{ rowItem.returnAmount }}</span>
                    </td>
                    <td dTableCell [rowItem]="rowItem" [field]="'showType'">
                      <span dTooltip [content]="rowItem.taxAmount">{{ rowItem.taxAmount }}</span>
                    </td>
                    <td dTableCell [rowItem]="rowItem" [field]="'showType'">
                      <span dTooltip [content]="rowItem.tax">{{ rowItem.tax }}</span>
                    </td>
                    <td dTableCell [rowItem]="rowItem" [field]="'showType'">
                      <span dTooltip [content]="rowItem.unTaxAmount">{{ rowItem.unTaxAmount }}</span>
                    </td>
                    <td dTableCell [rowItem]="rowItem" [field]="'showType'">
                      <span dTooltip [content]="rowItem.taxDiscountAmount">{{ rowItem.taxDiscountAmount }}</span>
                    </td>
                    <td dTableCell [rowItem]="rowItem" [field]="'showType'">
                      <span dTooltip [content]="rowItem.taxDiscount">{{ rowItem.taxDiscount }}</span>
                    </td>
                    <td dTableCell [rowItem]="rowItem" [field]="'showType'">
                      <span dTooltip [content]="rowItem.discountAmount">{{ rowItem.discountAmount }}</span>
                    </td>
                    <td dTableCell [rowItem]="rowItem" [field]="'showType'">
                      <span>
                        <div dImagePreview>
                          <d-badge *ngIf="rowItem.qrCode" [count]="getImagesArray2(rowItem.qrCode).length"
                            status="success">
                            <ng-container *ngFor="let imageUrl of getImagesArray2(rowItem.qrCode); let i = index">
                              <img *ngIf="getImagesArray2(rowItem.qrCode).length > 0" [src]="imageUrl" alt="图片"
                                height="22px" [ngStyle]="{'display': i === 0 ? 'block' : 'none'}" />
                            </ng-container>
                          </d-badge>
                        </div>
                      </span>
                    </td>
                    <td dTableCell [rowItem]="rowItem" [field]="'showType'">
                      <span dTooltip [content]="rowItem.createUser">{{ rowItem.createUser }}</span>
                    </td>
                    <td dTableCell [rowItem]="rowItem" [field]="'showType'">
                      <span dTooltip [content]="rowItem.createTime | date:'yyyy-MM-dd HH-mm-ss'">{{ rowItem.createTime | date:'yyyy-MM-dd HH-mm-ss' }}</span>
                    </td>
                    <td dTableCell [rowItem]="rowItem" [field]="'showType'">
                      <span (click)="GetLogsById(rowItem.saleReturnId)"><a class="devui-link">日志</a></span>
                    </td>
                    <td dTableCell [rowItem]="rowItem" [field]="'showType'" [fixedRight]="'0px'">
                      <span><d-tag [tag]="rowItem?.status " [labelStyle]="rowItem?.status"></d-tag></span>
                    </td>
                  </tr>
                </ng-template>
              </tbody>
            </d-data-table>
          </div>
          <div class="page-footer">
            <div>
              <p>已选 <span class="underline">{{checkedIds.length}}</span> 条
                <a (click)="cleared()" class="cleared">清空</a>
              </p>
            </div>
            <d-pagination [size]="'sm'" [canViewTotal]="true" [canChangePageSize]="true" [canJumpPage]="true"
              [maxItems]="5" [total]="this.pager.total" [pageSizeOptions]="this.pageSizeOptions"
              [(pageSize)]="fifter.PageSize" [(pageIndex)]="fifter.PageNumber"
              (pageIndexChange)="pageIndexChange($event)" (pageSizeChange)="pageSizeChange($event)">
            </d-pagination>
          </div>
        </div>
      </d-splitter-pane>
      <d-splitter-pane class="detailTable" style="overflow: hidden;" [collapsible]="true">
        <div class="da-list-container">
          <div class="list-content">
            <d-data-table [dataSource]="partDetail" [lazy]="true" [scrollable]="true" [fixHeader]="true"
              [scrollable]="true" [resizeable]="true" [tableWidthConfig]="tableWidthConfig2">
              <thead dTableHead>
                <tr dTableRow>

                  <th dHeadCell>
                    <span><span class="Required">*</span>物料编码</span>
                  </th>
                  <th dHeadCell>
                    <span>图片</span>
                  </th>
                  <th dHeadCell>
                    <span>物料名称</span>
                  </th>
                  <th dHeadCell>
                    <span>规格型号</span>
                  </th>

                  <th dHeadCell>
                    <span>物料描述</span>
                  </th>
                  <th dHeadCell>
                    <span>退货日期</span>
                  </th>

                  <th dHeadCell>
                    <span><span class="Required">*</span>数量</span>
                  </th>
                  <th dHeadCell>
                    <span><span class="Required">*</span>单位</span>
                  </th>
                  <th dHeadCell>
                    <span><span class="Required">*</span>单价(含税)</span>
                  </th>
                  <th dHeadCell>
                    <span><span class="Required">*</span>单价（不含税）</span>
                  </th>
                  <th dHeadCell>
                    <span>税率（%）</span>
                  </th>
                  <th dHeadCell>
                    <span>折扣（%）</span>
                  </th>
                  <th dHeadCell>
                    <span>折扣单价（含税）</span>
                  </th>
                  <th dHeadCell>
                    <span>含税金额</span>
                  </th>
                  <th dHeadCell>
                    <span>不含税金额</span>
                  </th>
                  <th dHeadCell>
                    <span>税额</span>
                  </th>
                  <th dHeadCell>
                    <span>折扣含税金额</span>
                  </th>
                  <th dHeadCell>
                    <span>折扣不含税金额</span>
                  </th>
                  <th dHeadCell>
                    <span>折扣税额</span>
                  </th>
                  <th dHeadCell>
                    <span>备注</span>
                  </th>
                  <th dHeadCell>
                    <span>来源发货单号</span>
                  </th>
                </tr>
              </thead>
              <tbody dTableBody>
                <ng-template let-rowItem="rowItem" let-rowIndex="rowIndex">
                  <tr dTableRow>
                    <td dTableCell>
                      <span dTooltip [content]="rowItem.partNum">{{rowItem.partNum}}</span>
                    </td>
                    <td dTableCell>
                      <span>
                        <div dImagePreview>
                          <d-badge *ngIf="rowItem.image" [count]="getImagesArray(rowItem.image).length" status="success">
                            <ng-container *ngFor="let image of getImagesArray(rowItem.image); let i = index">
                              <img *ngIf="getImagesArray(rowItem.image).length > 0" [src]="image" alt="图片" height="22px" [ngStyle]="{'display': i === 0 ? 'block' : 'none'}" />
                            </ng-container>
                          </d-badge>
                        </div>
                      </span>
                    </td>
                    <td dTableCell>
                      <span dTooltip [content]="rowItem.partName">{{rowItem.partName}}</span>
                    </td>
                    <td dTableCell>
                      <span dTooltip [content]="rowItem.partType">{{rowItem.partType}}</span>
                    </td>
                    <td dTableCell>
                      <span dTooltip [content]="rowItem.description">{{rowItem.description}}</span>
                    </td>
                    <td dTableCell>
                      <span dTooltip [content]="rowItem.scheduledReturnTime | date:'yyyy-MM-dd'">{{rowItem.scheduledReturnTime | date:'yyyy-MM-dd'}}</span>
                    </td>
                    <td dTableCell>
                      <span dTooltip [content]="rowItem.scheduledReturnAmount">{{rowItem.scheduledReturnAmount}}</span>
                    </td>
                    <td dTableCell>
                      <span dTooltip [content]="rowItem.partUOM">{{rowItem.partUOM}}</span>
                    </td>
                    <td dTableCell>
                      <span dTooltip [content]="rowItem.priceWithTax">{{rowItem.priceWithTax}}</span>
                    </td>
                    <td dTableCell>
                      <span dTooltip [content]="rowItem.priceWithoutTax">{{rowItem.priceWithoutTax}}</span>
                    </td>
                    <td dTableCell>
                      <span dTooltip [content]="(rowItem.taxRate * 100).toString()">{{rowItem.taxRate * 100}}</span>
                    </td>
                    <td dTableCell>
                      <span dTooltip [content]="(rowItem.discount * 100).toString()">{{rowItem.discount * 100}}</span>
                    </td>
                    <td dTableCell>
                      <span dTooltip [content]="rowItem.discountPriceWithTax">{{rowItem.discountPriceWithTax}}</span>
                    </td>
                    <td dTableCell>
                      <span dTooltip [content]="rowItem.amountWithTax">{{rowItem.amountWithTax}}</span>
                    </td>
                    <td dTableCell>
                      <span dTooltip [content]="rowItem.amountWithoutTax">{{rowItem.amountWithoutTax}}</span>
                    </td>
                    <td dTableCell>
                      <span dTooltip [content]="rowItem.taxAmount">{{rowItem.taxAmount}}</span>
                    </td>
                    <td dTableCell>
                      <span dTooltip [content]="rowItem.discountAmountWithoutTax">{{rowItem.discountAmountWithoutTax}}</span>
                    </td>
                    <td dTableCell>
                      <span dTooltip [content]="rowItem.discountAmountWithTax">{{rowItem.discountAmountWithTax}}</span>
                    </td>
                    <td dTableCell>
                      <span dTooltip [content]="rowItem.discountTaxAmount">{{rowItem.discountTaxAmount}}</span>
                    </td>
                    <td dTableCell>
                      <span dTooltip [content]="rowItem.note">{{rowItem.note}}</span>
                    </td>
                    <td dTableCell>
                      <span dTooltip [content]="rowItem.saleDeliverNum">{{rowItem.saleDeliverNum}}</span>
                    </td>
                  </tr>
                </ng-template>
              </tbody>
            </d-data-table>
          </div>
        </div>
      </d-splitter-pane>
    </d-splitter>
  </div>
</div>
<d-toast [value]="msgs" [life]="2000" [styleClass]="'custom-class'" [style]="{ left: '50%',top:'10px' }"></d-toast>
